<template>
  <div>
    <childSlot>
      <template #header>
        我是具名header插槽
      </template>
      <!-- <template>我是默认插槽</template> -->
      <template #main>我是具名的main插槽</template>
      <template #footer>
        我是具名footer插槽
      </template>
      <template v-slot="{user}">{{user.firstName}}---{{user.lastName}}</template>
    </childSlot>
  </div>
</template>

<script>
import childSlot from '@/demo/component/childSlot'
export default {
  components: { childSlot }
}
</script>

<style>

</style>
